import React, {Fragment} from 'react'
import { render } from 'react-dom'
/*方法1*/
// const Element = (props) => {
//   return (
//   <h1>{props.title}</h1>
//   )
// }
/*方法2*/
// class App extends React.Component{
//   render () {
//     return (
//     <h1>{this.props.title}</h1>
//     )
//   }
// }
/*方法3*/
// const Element = <h1>hello</h1>
/*方法4*/
// class App {
//   constructor (props) {
//     this.props = props
//   }
//   render () {
//   return <h1>你好{this.props.title}</h1>
//   }
// }
// const app = new App({
//   title:'askk'
// })
/*方法5*/
// const App = props => {
//     return (
//     <Fragment>
//       <h1>你好我是你爸爸{props.title}</h1>
//     <h2>三洒家手机关机撒{props.message}</h2>
//     </Fragment>
//     )
// }
/*方法6*/
class App extends React.Component{
  render () {
    return (
    <Fragment>
      <h1>打舒服{this.props.title}</h1>
      <h2>司法局{this.props.message}</h2>
    </Fragment>
    )
  }
}
const app = new App({
  title: "sasgsag",
  message: "asmgmsamg"
})
render(
  app.render(),
  document.getElementById('root')
)